<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="Heinz Li">
    <meta name="viewport" content="width=device-width,initial-scale=1.0" >
    <title>发现</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/overall.css">

    <!--<script src="../js/jquery-2.1.4.min.js"></script>-->
    <!--<script src="../js/bootstrap.min.js"></script>-->
    <style>

        .navbar-item{
            text-align: center;
            padding:0;
            margin:15px 0 0 0;
        }

        .container hr{
            margin:0;
        }




        #cloud-tab{
            /*margin: 0;*/
            /*padding: 0;*/
            list-style-type: none;
            width:230px;
            margin:80px 0 5px 0;

        }

        #cloud-tab li{
            display: inline;
        }


        #label-table{
            width: 100%;
            height:100%;
            background-color: white;
            padding:7px;
            padding-top: 60px;
            padding-left: 20px;
            margin:0 0 15px 0;
            border: 1px solid rgb(240,240,240);


        }

        .label{
            font-size:10px;
        }


        .product-list{
            background-color:white;
            margin:0;
            /*padding-top: 12px;*/
        }

        .product-list .row{
            margin-top: 12px;
        }



    </style>


</head>
<body>
    <nav class="navbar navbar-fixed-top">
        <div class="container" style="padding: 0">
            <div id="navbar">
                <div class="col-xs-2 col-md-1 navbar-item">
                    <a href="label_group.html" style="color:black">
                        <span>合肥</span>
                        <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
                    </a>
                </div>
                <div class="col-xs-9 col-md-10" style="padding: 0">
                    <form class="navbar-form" role="search" >
                        <input type="text" class="form-control" placeholder="输入产品、厂商信息" style="width:100%">
                    </form>
                </div>
                <div class="col-xs-1 col-md-1 navbar-item">
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                </div>

            </div>
        </div>
    </nav>




    <div id="label-table">
        <div class="row">
            <div class="col-xs-3"><a href="productlists.html"><span class="label label-default">安全</span></a></div>
            <div class="col-xs-3"><span class="label label-primary">政务</span></div>
            <div class="col-xs-3"><span class="label label-success">生态</span></div>
            <div class="col-xs-3"><span class="label label-info">金融</span></div>
        </div>
        <div class="row">
            <div class="col-xs-3"><span class="label label-warning">娱乐</span></div>
            <div class="col-xs-3"><span class="label label-danger">管理</span></div>
            <div class="col-xs-3"><span class="label label-default">生活</span></div>
            <div class="col-xs-3"><span class="label label-primary">学习</span></div>
        </div>
    </div>



    <div class="product-list container">
        <div class="row" >
            <div class="col-xs-2 col-md-4">
                <img class="company-logo" src="../images/company_logo/aliyun.jpg">
            </div>
            <div class="col-xs-10 col-md-8">
                <p>阿里巴巴集团旗下云计算品牌，全球领先的云计算技术和服务提供商。创立于2009年，在杭州、北京、硅谷等地设有研发中心和运营机构</p>
            </div>
        </div>
        <hr>

        <div class="row">
            <div class="col-xs-2 col-md-4">
                <img class="company-logo" src="../images/company_logo/baiduyun.jpg">
            </div>
            <div class="col-xs-10 col-md-8">
                <p>百度云是由百度公司出品的一款云服务产品,不仅为用户提供免费存储空间,还可以将视频、照片、文档、通讯录数据在移动设备和PC端之间跨平台同步、备份等,百度云还支持添加好友、创建群组,和伙伴们快乐分享, 目前已上线:Android、iPhone、iPad、百度云管家、网页端等.</p>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-xs-2 col-md-4">
                <img class="company-logo" src="../images/company_logo/txyun.jpg">
            </div>
            <div class="col-xs-10 col-md-8">
                <p>腾讯云作为“互联网+”的服务商，依据成熟的云计算能力，以“互联网+”解决方案为具体集合点，助推中国城市和企业获取“互联网+”的真正升级能力。</p>
            </div>
        </div>
        <hr>
    </div>



    <!--<img src="../images/ad1.png" style="width:100%;">-->
    <!--<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">-->
        <!--Start Modal-->
    <!--</button>-->
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>






    <div id="tab-menu" class="navbar-fixed-bottom">
        <div class="col-xs-4"><span class="glyphicon glyphicon-home" aria-hidden="true"></span><a href="home.html">主页</a></div>
        <div class="col-xs-4"><span class="glyphicon glyphicon-search" aria-hidden="true"></span><a href="#">发现</a></div>
        <div class="col-xs-4"><span class="glyphicon glyphicon-user" aria-hidden="true"></span><a href="my_profile.html">我的</a></div>
    </div>





    <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModallabel">Modal title</h4>
                </div>

                <div class="modal-body">
                    Content
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save</button>
                </div>
            </div>
        </div>
    </div>



    <script>
//        $("#myModal").modal("show");
    </script>
    <script>
        $("#exampleModal").on("show.bs.modal",function(event){
            var button = $(event.relatedTarget);
            var recipient = button.data("whatever");
            var modal = $(this);
            modal.find(".modal-title").text("New Message to"+recipient);
            modal.find(".modal-body input").val(recipient);
        })

    </script>



</body>
</html>